/**
* 设备详情 设备日平均用量（网速）
*/ 
<template>
  <div class="main">
    <el-button type="primary">刷新用量</el-button>
    <el-table size="small" :data="listData"  highlight-current-row v-loading="loading" border element-loading-text="拼命加载中" style="width: 100%;">
        <el-table-column align="center"  prop="date" label="日期" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="SN" label="设备SN" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="MobileTraffic" label="移动平均用量（MB/min）" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="UnicomTraffic" label="联通平均用量（MB/min）" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="telecomTraffic" label="电信平均用量（MB/min）" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="MobileSignal" label="移动平均信号值" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="UnicomSignal" label="联通平均信号值" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="telecomSignal" label="电信平均信号值" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="CreatedTime" label="创建时间" width="" show-overflow-tooltip>
        </el-table-column>
        <el-table-column align="center" prop="UpdateTime" label="更新时间" width="" show-overflow-tooltip>
        </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
    name:'consumption',
    data() {
        return {
            loading: false,
            listData:[],
        };
    },
    methods: {
        getdata(){
           let res = {
                code: 0,
                msg: null,
                count: 23,
                data:[
                    {   
                        date:'2023-10-19',
                        SN:'56132044000070',
                        MobileTraffic:'',
                        UnicomTraffic:'',
                        telecomTraffic:'',
                        MobileSignal:'',
                        UnicomSignal:'',
                        telecomSignal:'',
                        CreatedTime:'2023-10-19 21:11:56',
                        UpdateTime:'',
                        
                    },
                    {   
                        date:'2023-10-19',
                        SN:'56132044000070',
                        MobileTraffic:'',
                        UnicomTraffic:'',
                        telecomTraffic:'',
                        MobileSignal:'',
                        UnicomSignal:'',
                        telecomSignal:'',
                        CreatedTime:'2023-10-19 21:11:56',
                        UpdateTime:'',
                        
                    },
                    {   
                        date:'',
                        SN:'56132044000070',
                        MobileTraffic:'',
                        UnicomTraffic:'',
                        telecomTraffic:'',
                        MobileSignal:'',
                        UnicomSignal:'',
                        telecomSignal:'',
                        CreatedTime:'2023-10-19 21:11:56',
                        UpdateTime:'',
                        
                    },
                ]
            }
            this.listData =  res.data;
        }
    },
    mounted () {
        this.getdata();
    }
}
</script>

<style lang="scss" scoped>
    .main{
        padding-left: 10px;
        .el-button{
            margin-bottom: 10px;
        }
    }
</style>